<template>
    <div>
        <p>混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。</p>
        <p style="color: #ff4400">{{msg}}</p>
        <p style="color: #ff4400">{{mixinMsg}}</p>
        <p>
            全局混入：Vue.mixin();
            项目内的所以vue组件都会混入注册的mixin
        </p>
    </div>
</template>

<script>
    import DemoMixin from "./mixins/demoMixin"

    export default {
        name: "mixin",
        mixins: [DemoMixin],
        data() {
            return {
                msg: '这是组件msg'
            }
        },
        created() {
            console.log('组件mixin')
        }
    }
</script>

<style scoped>

</style>
